@function a($px){@return $px / 75px * 1rem;}

$htmlColor: rgb(245,245,245);
$activeColor: #ff463c;
$priceColor: #e4393c;
$sucColor:#09BB07;
$errorColor:#F43530;
$warnColor:#FFBE00;
$infoColor:#10AEFF;
$disabledColor:#C9C9C9;

@mixin bg($url) { 
  background-image: url($url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@mixin wh($width, $height){
  width: $width;
  height: $height;
}

@mixin lineHeight($height:30px,$line-height:30px) {
  @if ($height != null) {
    height: $height;
  }
  @if ($line-height!=null) {
    line-height: $line-height;
  }
}

@mixin triangle($width:10px,$direction:top,$color:#777f86) {
  display: inline-block;
  border: $width solid transparent;
  @if ($direction == top) { // 上三角
    border-bottom-color: $color;
  }
  @if ($direction == bottom) { // 下三角
    border-top-color: $color;
  }
  @if ($direction == left) { // 左三角
    border-right-color: $color;
  }
  @if ($direction == right) { // 右三角
    border-left-color: $color;
  }
}

@mixin circle($size: 11px,$bg: #fff) {
  border-radius: 50%;
  width: $size;
  height: $size;
  line-height: $size;
  text-align: center;
  background: $bg;
}